@charset "utf-8";
/* 
	2020 07 20
	hospital
 */
/* conmmon */
.hos-icon,.swiper-banner .swiper-pagination:after,
.textStateDown:after,.doc-more:after{
	background-image: url('../../../images/youlai/patient/icon/icon_hos.png');
	background-size: 2rem 20rem;background-repeat: no-repeat;
}
.border-b8{border-bottom: .32rem solid #F5F8FA;}
/* header banner */
.hos-banner-wrap{position: relative;}
.swiper-banner{width: 100%; height: 11.2rem;overflow: hidden;}
.swiper-banner .swiper-slide {
    text-align: center; font-size: 18px; background: #fff;
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
    -webkit-box-pack: center; -ms-flex-pack: center; 
    -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
    -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.swiper-banner .hos-img{width: 100%; height: 100%;background-position: center top;background-repeat: no-repeat;background-size: cover;}
.swiper-banner .swiper-pagination{ font-size: .48rem;color: #fff; bottom: .4rem;width: auto;right: .64rem;bottom: 1.92rem; left: auto;line-height: .64rem;padding: 0 .32rem 0 .76rem;background: rgba(0,0,0,.35);border-radius: .64rem;}
.swiper-banner .swiper-pagination:after{content: ' ';position: absolute;left: .2rem;top: .08rem;width: .48rem;height: .48rem; background-position: left -2rem;}
/* header btns */
.hos-header-top{position: absolute; left: .64rem; top: .32rem; right: .64rem;z-index: 100;}
.hos-header-top-app{top: 2.08rem;}
.hos-header-top .hos-icon-goback{float: left; width: 1.12rem; height: 1.12rem; background-position: center -6rem;}
.hos-header-top .hos-header-more {float: right; width: 1.12rem; height: 1.12rem; background-position: center -8rem;}
/* header more */
.nav-fix-black {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 10003; }
.header-more-popup{display: none; position: fixed;top: 1.88rem;right: .56rem;background: #fff;border-radius: .16rem; z-index: 10004; }
.header-more-popup.headerapp{ top: 3.68rem;}
.header-more-popup ul li{ border-bottom: 1px solid #E0E0E0;}
.header-more-popup ul li:last-child{border-bottom: 0;}
.header-more-popup ul li a{position: relative;}
.header-more-popup ul li a{display: block;padding: 0 .8rem 0 1.92rem;line-height: 1.92rem;font-size: .64rem;color: #333;}
.header-more-popup ul li a:after{content: ' ';position: absolute;top: .56rem;left: .8rem;width: .8rem;height: .8rem;}
.header-more-popup ul li:first-child a:after{background-position: right -14rem;}
.header-more-popup ul li:last-child a:after{background-position: left -14rem;}
.header-more-popup:after {content: ' '; position: absolute; top: -.2rem; right: .44rem; width: .4rem; height: .4rem; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.header-more-popup ul li a:after{
    background-image: url('../../../images/youlai/patient/icon/icon_details.png');
    background-size: 2rem 20rem;background-repeat: no-repeat;
}
/* hospital info */
.hos-info-wrap{position: relative; padding: .64rem 0 .8rem .64rem;margin-top: -1.6rem;background: #fff;border-radius: .64rem .64rem 0 0;z-index: 101;}

.hos-info-in .hos-info-name{margin-bottom: .52rem;padding-right: .64rem;}
.hos-info-in .go-hos-info{font-size: .8rem;color: #333;line-height: 1.12rem;font-weight: bold;}
.hos-info-in .go-hos-info .hos-icon{display: inline-block;width: .64rem; height: .8rem; background-position: right -1.72rem;}
.hos-info-in .hos-info-name .hos-tag{display: block; font-size: .4rem;color: #C8AB4C; border:.04rem solid #C8AB4C;line-height: .64rem;border-radius: .64rem;font-style: normal;padding: 0 .32rem;margin: .2rem 0 0 .2rem;}
.hos-info-in .hos-text{font-size: .56rem;color: #666;line-height: .8rem;padding-right: .64rem;}
.hos-info-in .hos-characteristic{padding: .36rem .32rem .32rem 0;}
.hos-info-in .hos-characteristic li{float: left;padding: .12rem .32rem;background: #e5f1fb;border-radius: .08rem;margin: 0 .32rem .32rem 0;}
.hos-info-in .hos-characteristic li,.hos-info-in .hos-characteristic li a{font-size: .48rem;color: #0071D1;}
.hos-info-in .hos-address-li{width: 2.24rem;height: 1.28rem;border-left: .04rem solid #E0E0E0;}
.hos-info-in .hos-address-li i{display: block;width: .8rem;height: .8rem;margin: -.04rem auto 0;}
.hos-info-in .hos-tel i{background-position: right 0;}
.hos-info-in .hos-address i{background-position: left 0;}
.hos-info-in .hos-address-li p{font-size: .48rem;color: #999;text-align: center;}
.hos-info-in .hos-address{text-align: left;}
.hos-list-deptname{background: #fff;padding: .48rem 0;}
.hos-title-wrap{padding: .44rem .64rem;}
.hos-title-wrap h4{font-size: .72rem;color: #333;line-height: 1;font-weight: bold;}

.textStateDown{position: relative; padding-right: .64rem; font-size: .48rem; color: #999;}
.textStateDown:after{content: " "; position: absolute; top: .12rem; right: 0; width: .48rem; height: .48rem; background-position: left -10rem; }
.textStateUp:after{top: .12rem; background-position: right -10rem; }


.deptname-list{padding: .16rem .32rem 0 .64rem}
.deptname-list ul li{float: left;padding: 0 .64rem;background: #F5F8FA;border-radius: .16rem;margin: 0 .32rem .32rem 0;}
.deptname-list ul li,.deptname-list ul li a{font-size: .56rem;color: #333;line-height: 1.28rem;}
.deptname-hide-two{height: 3.2rem;overflow: hidden;}
.doc-more{position: relative; font-size: .48rem; color: #999; line-height: .56rem; margin-left: .4rem; padding-right: .64rem; } 
.doc-more:after{content: " "; position: absolute; top: 50%; right: 0; width: .48rem; height: .48rem; margin-top: -.24rem; background-position: right -2rem; }


/* hospital Introduction */
.hospital-intr{padding: .34rem .64rem .78rem;}
.hospital-intr .hospital-title{font-size: .72rem; color: #333;margin-bottom: .44rem;}
.hospital-intr .hospital-text{font-size: .56rem; color: #666; line-height: .8rem;}
.hospital-intr .hospital-text img{display: block;width: 100%!important;}
.hos-bo-title{margin: 0 .64rem;padding: .92rem 0 .44rem;border-top: .04rem solid #E0E0E0;font-size: .72rem; color: #333; line-height: 1;font-weight: bold;}
.hos-bo-wrap .hos-characteristic{padding-left: .72rem;}
.hos-bo-wrap .hos-address-box{padding: .08rem 0 0 .64rem;margin-bottom: 1.2rem;}
.hos-qualifications{padding-bottom: .8rem;}

.hos-qualifications{padding: 0 0 .8rem .64rem;}
.hos-qualifications li{padding: 0 .15rem;}
.hos-qualifications li div{border:1px solid #E0E0E0;height: 5.04rem;}
.hos-qualifications li img{display: block;width: 100%;}

.hos-qualifications .swiper-slide{height: 4.24rem;padding-right: .32rem;}
.hos-qualifications .swiper-slide a{width: 100%;height: 100%; border:.04rem solid #E0E0E0;}
.hos-qualifications .swiper-slide a img{display: block; max-width: 100%; max-height: 100%;}



/* fix bottom */
.mask-black{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #666; opacity: .6;z-index: 1000;}
.fix-bottom-btns-wrap{position: fixed;left: .48rem;right:.48rem;bottom: .48rem;z-index: 1001;}
.fix-b-btns-box{width: 100%;background: #fff;border-radius: .32rem;margin-bottom: .48rem;}
.btns-title{font-size: .56rem; color: #999; text-align: center;line-height: 1.6rem;}
.btns-li{ padding: .64rem;}
.btns-li,.btns-li a{font-size: .64rem; color: #0071D1; text-align: center;}
.btns-li-btn,.btns-li-btn a{ color: #666;}
.btns-bor-top{border-top: 1px solid #E0E0E0;}


















